<!doctype html>
<html lang="zh-CN">
<head>
    <title><%= htmlWebpackPlugin.options.title %></title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <meta name=”renderer” content=”webkit” />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="nprogress.css" />
    <script type="text/javascript" src="nprogress.js"></script>
</head>
<body style="overflow:hidden;">
<input type="hidden" id="wb" value="" />
<div id="root">
    <style type="text/css">
        body {
            font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 12px;
            line-height: 1.5;
            color: rgba(0, 0, 0, .65);
            background-color: #fff;
        }
        @-webkit-keyframes loader {
            from {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            to {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes loader {
            from {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            to {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        .loading-content {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }
        .loading-content .loading {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -75px;
            margin-top: -75px;
            width: 150px;
            height: 150px;
        }
        .loading-content .loading .spin:before, .loading-content .loading .spin:after {
            width: 48px;
            height: 48px;
            margin: 0 0 0 -42px;
        }
        .loading-content .loading .spin {
            font-size:14px;
            color:#666;
            padding-top: 64px;
        }
        .loading-content .loading .spin:before {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            border-radius: 500rem;
            border: .2em solid rgba(0,0,0,.1);
            box-sizing: inherit;
        }
        .loading-content .loading .spin:after {
            position: absolute;
            content: '';
            top: 0;
            left: 50%;
            -webkit-animation: loader .6s linear;
            animation: loader .6s linear;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            border-radius: 500rem;
            border-color: #108ee9 transparent transparent;
            border-style: solid;
            border-width: .2em;
            box-shadow: 0 0 0 1px transparent;
            box-sizing: inherit;
        }
    </style>
    <div class="loading-content">
        <div class="loading">
            <div class="spin"></div>
        </div>
    </div>
    <script type="application/javascript">
        var wb_yxsj_type;
        function testWebBrowser() {

            var app = {};
            var userAgent = navigator.userAgent;
            var platform = navigator.platform;

            app.gecko = /gecko\/\d/i.test(userAgent);
            app.ie_upto10 = /MSIE \d/.test(userAgent);
            app.ie_11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(userAgent);
            app.ie = app.ie_upto10 || app.ie_11up;
            app.ie_version = app.ie && (app.ie_upto10 ? document.documentMode || 6 : app.ie_11up[1]);
            app.edge = /Edge\/(\d)/i.test(userAgent);
            app.firefox = /Firefox\/(\d)/i.test(userAgent);
            app.webkit = /WebKit\//.test(userAgent);
            app.qtwebkit = app.webkit && /Qt\/\d+\.\d+/.test(userAgent);
            app.chrome = /Chrome\//.test(userAgent);
            app.presto = /Opera\//.test(userAgent);
            app.safari = /Apple Computer/.test(navigator.vendor);
            app.mac_geMountainLion = /Mac OS X 1\d\D([8-9]|\d\d)\D/.test(userAgent);
            app.phantom = /PhantomJS/.test(userAgent);

            app.ios = /AppleWebKit/.test(userAgent) && /Mobile\/\w+/.test(userAgent);
            // This is woefully incomplete. Suggestions for alternative methods welcome.
            app.mobile = app.ios || /Android|webOS|BlackBerry|Opera Mini|Opera Mobi|IEMobile/i.test(userAgent);
            app.mac = app.ios || /Mac/.test(platform);
            app.chromeOS = /\bCrOS\b/.test(userAgent);
            app.windows = /win/i.test(platform);

            if (app.ie_upto10 && app.ie_version < 10) {
                document.getElementById('root').innerHTML = '非常抱歉，此应用仅支持 Chrome、IE10+、Edge、360浏览器极速模式，请使用现代浏览器以获取最佳效果';
            }

            wb_yxsj_type = app.ie;
        }

        testWebBrowser();
    </script>
</div>
</body>
</html>
<!-- <script type='text/javascript'>
    var _vds = _vds || [];
    window._vds = _vds;
    (function(){
        _vds.push(['setAccountId', '9e0ccc84e793aaeb']);
        (function() {
            var vds = document.createElement('script');
            vds.type='text/javascript';
            vds.async = true;
            vds.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'dn-growing.qbox.me/vds.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(vds, s);
        })();
    })();
</script> -->